{{define "aside" }}
<el-aside :span="12" title="侧导航栏">

  <el-row class="tac">
    <el-col>

      <el-menu
              default-active="2"
              class="el-menu-vertical-demo"
              @open="handleOpen"
              @close="handleClose">
        <el-menu-item index="1">
          <template slot="title">
            <i class="el-icon-apple" style="color: #F56C6C;"></i>
            <span>精品博客</span>
          </template>
        </el-menu-item>
        <el-menu-item index="2">
          <template slot="title">
            <i class="el-icon-collection-tag" style="color:#67C23A"></i>
            <span><a href="/recentBlogs" style="color: #1d2124">最近博客</a></span>
          </template>
        </el-menu-item>
        <el-submenu index="3">
          <template slot="title">
            <i class="el-icon-files"></i>
            <span>分类</span>
          </template>
          <el-menu-item-group>
            {{range .AllCategory}}
            <el-menu-item index="1-1" href="{{.CategoryName}}">{{.CategoryName}}</el-menu-item>
            {{end}}
          </el-menu-item-group>

        </el-submenu>
      </el-menu>
    </el-col>
  </el-row>
</el-aside>
{{end}}